<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>智慧商城</title>
    <link rel="stylesheet" href="path/to/swiper.min.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <div class="title">
        <p>智慧商城</p>
      </div>
    </header>
    <!-- 主体 -->
    <div class="main">
      <!-- 搜索框 -->
      <div class="search">
        <a href="#">
          <!-- <input type="search" /> -->
          <i class="iconfont icon-sousuo"></i>
          <p>搜索你要找的商品</p>
        </a>
      </div>

      <!-- 轮播图 -->
      <div class="banner">
        <a href="#">
          <img
            src="	http://cba.itlike.com/public/uploads/10001/20230320/5901a2e13e1075882950af75c98d0007.jpg"
            alt=""
          />
          <!-- 小圆点 -->
          <ol>
            <li class="active"></li>
            <li></li>
            <li></li>
          </ol>
        </a>
      </div>

      <!-- 通告 -->
      <div class="info">
        <a href="#">
          <div class="word">
            <i class="iconfont icon-laba"></i>
          </div>
          <div class="run">
            <div class="text">智慧商城2.0全新上线，更多新品等你来选~</div>
          </div>
        </a>
      </div>

      <!-- 内容 -->
      <div class="content">
        <a href="#">
          <span>
            <img
              src="http://cba.itlike.com/public/uploads/10001/20230320/58a7c1f62df4cb1eb47fe83ff0e566e6.png"
              alt=""
            />
          </span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span>
            <img
              src="	http://cba.itlike.com/public/uploads/10001/20230320/49c64dbbf449e9e8abfca314f92814bd.png"
              alt=""
            />
          </span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span>
            <img
              src="	http://cba.itlike.com/public/uploads/10001/20230320/8573fbc5e87e8a88827e905fca284604.png"
              alt=""
            />
          </span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span>
            <img
              src="	http://cba.itlike.com/public/uploads/10001/20230320/f01c5fc360f55c6053beec34913bc699.png"
              alt=""
            />
          </span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span
            ><img
              src="	http://cba.itlike.com/public/uploads/10001/20230320/b106e9bd9e0c8c779e7d77a84e92ed93.png"
              alt=""
          /></span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span
            ><img
              src="	http://cba.itlike.com/public/uploads/10001/20230320/b106e9bd9e0c8c779e7d77a84e92ed93.png"
              alt=""
          /></span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span
            ><img
              src="http://cba.itlike.com/public/uploads/10001/20230320/8f979924a4fd3b5f406b62a6b405ea32.png"
              alt=""
          /></span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span
            ><img
              src="http://cba.itlike.com/public/uploads/10001/20230320/f7657720f79ea9f769c40608f369130e.png"
              alt=""
          /></span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span
            ><img
              src="http://cba.itlike.com/public/uploads/10001/20230320/f7657720f79ea9f769c40608f369130e.png"
              alt=""
          /></span>
          <p>新品首发</p>
        </a>
        <a href="#">
          <span
            ><img
              src="http://cba.itlike.com/public/uploads/10001/20230320/0cccdb31952fbf3bc0026efbe260e40e.png"
              alt=""
          /></span>
          <p>新品首发</p>
        </a>
      </div>

      <!-- 广告 -->
      <div class="ad">
        <a href="#">
          <img
            src="http://cba.itlike.com/public/uploads/10001/20230320/647c6bde4b1f1a3e88955e5f596344f9.png"
            alt=""
          />
        </a>
      </div>

      <!-- list -->
      <div class="list">
        <div class="title">—— 猜你喜欢 ——</div>
        <div class="list_con">
          <div class="item">
            <div class="pic">
              <a href="#">
                <img
                  src="	http://cba.itlike.com/public/uploads/10001/20230321/8f505c6c437fc3d4b4310b57b1567544.jpg"
                  alt=""
                />
              </a>
            </div>
            <div class="txt">
              <div class="goods_name ellipsis-2">
                三星手机 SAMSUNG Galaxy S23 8GB+256GB 超视觉夜拍系统 超清夜景
                悠雾紫 5G手机 游戏拍照旗舰机s23
              </div>
              <div class="bottom">
                <p>已售25件</p>
                <div class="footer">
                  <div class="price_x">¥0.01</div>
                  <div class="price_y">¥6699.00</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 底部 -->
    <footer>
      <a href="#" class="active">
        <i class="iconfont icon-shouye-zhihui"></i>
        <p>首页</p>
      </a>
      <a href="#">
        <i class="iconfont icon-fenlei"></i>
        <p>分类</p>
      </a>
      <a href="#">
        <i class="iconfont icon-31gouwuche"></i>
        <p>购物车</p>
      </a>
      <a href="#">
        <i class="iconfont icon-wode"></i>
        <p>我的</p>
      </a>
    </footer>
    <script src="path/to/swiper.min.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
